<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <script src="https://unpkg.com/vue@3"></script>

    <style>
        ul li{
            background-color: white;
            list-style-type: none;
            float: left;
            margin: 10px;
        }
        li:hover{
            background-color: red;
        }
    </style>
</head>
<body>


<div id="app">

    <ul v-bind:class="{'li' : ifshow}">
        <li>教父</li>
        <li>楚门的世界</li>
        <li>阿甘正传</li>
        <li>盗梦空间</li>

    </ul>


</div>

<script>
        var vue = new Vue({
              el: "#app",
              data : {
                ifshow:true

              },
              methods : {
              splitmsg(){

                return this.msg.split("").reverse().join('');
              }

          },
            computed : {

            }

        });

</script>

</body>
</html>